@import './reset';

* {
  box-sizing: border-box;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

.van-dialog__message--withtitle {
  text-align: center;
}

.iconfont {
  font-size: .5rem;
}

.clear-both {
  content: '';
  overflow: hidden;
  clear: both;
}

.cursor {
  cursor: pointer;
}

.p-add-class {
  .main {
    .main-box {
      .group {
        .name {
          font-size: 14px;
        }
      }
    }
  }
}

.content-box {
  padding: 30px;
  background: #fff;
}

//地图信息框样式 
.amap-info-content {
  border-radius: 6px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .4);
  padding: 10px !important;
}

.amap-info-close {
  top: 10px !important;
  right: 10px !important;
}

.amap-marker-label {
  position: absolute;
  z-index: 2;
  border: 1px solid #ccc;
  background-color: white;
  padding: 6px 10px !important;
  border-radius: 5px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .4);
  white-space: nowrap;
  cursor: default;
  padding: 3px;
  font-size: 12px;
  line-height: 14px;
}

//全国实况信息框
.infowindow-box {
  width: 450px;
  // height: 350px;
  background: #fff;
  color: #606266;

  .title {
    font-size: 15px;
    font-weight: bold;
    color: #303133;
  }

  .main-box {
    width: 100%;

    .main-group {
      margin: 10px 0;

      #watchPhone {
        cursor: pointer;
        color: #409EFF;
      }


      .name {
        font-weight: bold;
      }

      .group-item {
        width: 50%;
        float: left;
      }

      .warning-color {
        color: #F56C6C;
        font-weight: bold;
      }
    }

    .sos_phone_number {
      a {
        cursor: pointer;
        color: #409EFF;
      }
    }
  }

  .dispose-btn {
    display: inline-block;
    padding: 5px 12px;
    border-radius: 5px;
    background: #409EFF;
    color: #fff;
    cursor: pointer;
    border: 0;

    &:hover {
      opacity: .8;
    }
  }
}

//合作机构分布图
.organization-map {
  .map-box {
    width: 400px;
    background: #fff;
    color: #606266;

    .title {
      font-size: 15px;
      font-weight: bold;
      color: #303133;
    }

    .detail-box {
      margin-top: 10px;

      .img-box {
        width: 90%;
        height: 150px;
        margin: auto;

        img {
          width: 100%;
          height: 100%;
        }
      }

      .item {
        padding: 10px;
      }

    }
  }
}

// sos列表
.sos-select-status .el-input__inner {
  color: red;
}

.sos-map-info-title {
  color: white;
  font-size: 14px;
  background-color: #25A5F7;
  line-height: 26px;
  padding: 0px 0 0 6px;
  font-weight: lighter;
  letter-spacing: 1px
}

.sos-map-info-content {
  font: 12px Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', Arial;
  padding: 4px;
  color: #666666;
  line-height: 23px;
}

.sos-map-info-content img {
  float: left;
  margin: 3px;
}

.amap-info-combo .keyword-input {
  height: 25px;
  border-radius: 2px 0 0 2px;
}